*{
	margin:0; 
}

html{
	height: 100%;
}

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #000;
	height: 100%;
	width: 100%;
}

/* Links */
a {
	color: #006699;
	text-decoration: none;
}
 a:hover {
	color: #3399cc;
	text-decoration: underline;
}
 a:visited {
	color: #3399cc;
}
a:active {
	color: #003366;
}

/* anchor needs no link specific colors */
a.no-link {
  color: #000;
  text-decoration: none;
}

/* Some general classes */
.error {
	color:red;
}
.messageBox {
	margin-bottom: 1.2em; 
	font-size: small;
	font-weight: bold;
}

#groupme_header_innerdiv {
	/*color: #fff;*/
	
	color: #006699;
	background-color:#fff;
	
	height: 60px;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
}
#groupme_header {
	/*background-image: url(../images/header-background-60.gif);*/
}


#groupme_smallresource_header {
	color: #006699;
	background-color:#fff;
	height: 40px;
	max-width: 500px;
	margin-left:auto;
	margin-right:auto;
}

#header img {
	float:left;
	padding-left:3em;
}

#titletext {
	float:left;
	font-size:1.15em;
	margin-top: 1.5em;
	margin-left: 1em;
	text-align:center;
}

#header .description{
	font-size:0.9em;
	text-align:right;
	float:right;
	
	padding-top: 95px;
	margin-right: 1em;
}
.title {
	margin-bottom: 0em;
}

/* MENU */
#menu {
	color:#fff;
	/*background-image:url(../images/menu-background.gif);*/
	background-image: url(../images/menu-background3_24x16.png);
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	margin-top:0px;
	/* should be fixed: */
	height: 24px;
	line-height: 24px;
	font-weight: bold;
}

#small_menu {
	color:#fff;
	background-image:url(../images/menu-background3_8x16.png);
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
	/*padding-top:3px;*/
	margin-top:0px;
	/* should be fixed: */
	height: 8px;
}

#menu_text{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.9em;
}

.menu {
	height: 24px;	
}

#usermenu {
	text-align:right;
	margin-top:10px; 
	padding-right: 1em;
	float:right;
	font-size: 0.7em; 
}

#menu a, #menu a:hover, #menu a:visited, #menu a:active {
	color: #fff;
}

#mycontent {
	clear: both;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

#smallresource_content {
	font-size:0.7em;
	clear: both;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

#manual_add_content {
	font-size:0.8em;
	clear: both;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

#main_home {
	float:left;
	width: 68%;
	max-width:685px;
	padding-right:10px; /*same size as margin between tag-cloud and latest users*/
}

#main_home_content {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.8em;
}

#main_home_content span {
	font-size: 1em;
}

#sidebar_right {
	float: right;
	width: 31%;
	max-width:310px;
	float: right;
}

#latestUsers{
	padding-bottom: 10px; /*0.7em*/
}

#latestUsers_content {
	
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

#userPhotos{
	width:100%;	
	text-align:center;
}

.userWithPhoto{
	text-align: center;
	width: 92px;
	height: 100px;
	float: left;	
}

#tagCloud{
	/*padding-top: 0.7em;*/
	width:100%;	
	text-align:justify;
}

#tagCloud_content {
	
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

/* Group List Stuff @ My GroupMe! Home */
div.groupWithinGroupList{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div.groupWithinGroupList hr {
	margin-top: 1em;
	border-style: groove;
	border-color: gray;
}

#mainGroupwindowContent embed {
	width: 200px;
}

#mainGroupwindowContent hr {
	clear:right;
}


/* Main Group Site*/
#groupContent {
	clear: both;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

#group {
	clear:right; 
	top:0px; 
	left:0px; 
	height:650px;	
	z-index: 2;
}

#bigtagcloud {
	font-size: 2em;
	position: absolute;
	padding: 20px;
	clear:right; 
	top:0px; 
	left:0px; 
	height:650px;
	overflow: hidden;	
	z-Index: 1;
}

#mainGroupWindow{
	float:left;
	width: 79%;
	max-width:790px;

}

#rightGroupSidebar {
	float: right;
	width: 20%;
	max-width:210px;
	height:650px;
}

#groupSidebarContent {
	height:650px;
	padding-top:3px;
	padding-right: 5px;
	padding-left: 5px;
}

#groupTagcloudAndSimilar{
	height: 400px;
}
#groupTags{
	font-size:0.8em;
	max-height: 80px;
	overflow: hidden;
}

.backgroundtag{
	color: #EAF6FF;	
}

#tagcloudForGroupBrowsing{
	font-size:0.8em;
	margin-bottom:0.5em;
	max-height:250px;
	overflow: hidden;
}
#similarGroups{
	font-size:0.8em;
	max-height:70px; 
}

#groupMetaInformation {
	font-size: 0.6em;
	max-height: 60px;
	
}

#userDeatils{
	height:100px;
}
#userPhoto{
	text-decoration: none;
	float:left;
	padding-right: 7px;
}
#userStats{
	font-size: 0.7em;
}

.inputField, .inputFieldButton {
	font-size:0.6em;
}

#allButtons{
	float:right;
	display:inline;
	margin-right: 29px;
	margin-top: 6px;
	
	}
	

#addTagInputField {
	display:inline;
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

#addResourceTag {
	text-align:center;
	font-size:1.5em;
	width:100%;
}

/* Search Site Stuff*/

#searchHead {
}

#searchForm{
	margin-top:8pt; 
	margin-bottom:10pt;
}

#searchResult{
	margin-top: 0.8em;
}

.searchResultT{
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	overflow: hidden;
}

.searchResultB{
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	background-color: #EDF6FF;
	overflow: hidden;
}

#searchResultList {
	margin-right: 2em;
}

#searchresultList span{
	font-size:0.8em;
}

#groupmeSearchResultHead {
}

div.resultPage {
	
}

div.resultListItem{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 0.3em;
}

div.resultListItem img {
	/*float:left; 
	margin-right:1em;*/ 
	border: 0pt none;
}


/* Resourcen Visualisierung */
.resourceMenu{
	height:40px;
	/*width: 100%;*/
	/*width:147px;*/
	width:160px;
	/*background-image:url(../images/resmenu_bg_gm5.png);*/
	background-image:url(../images/resmenu_bg_gm6.png);
	background-repeat:no-repeat;
	margin-left:3px;
	margin-top: 4px;
	padding-top: 6px;
	padding-left:7px;
	position: absolute;
	/*right:0px;*/
	font-size:0.7em;
	font-weight:bold;
	color: #FFFFFF;
}

.resourceMenu a, .resourceTags_left a, .resourceTags_right a{
	color: #FFFFFF;	
}

.resourceTags_container{
	height:40px;
	min-width:162px;
	margin-top:-7px;
	padding:0px;
}

.resourceTags_right{
	height:40px;
	min-width:118px;
	background-image:url(../images/restags_bg_gm_r3.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-right:5px;
	padding-right:16px;
	color: #FFFFFF;
	overflow:hidden;
}

.resourceTags_left{
	height:40px;
	width:14px;
	background-image:url(../images/restags_bg_gm_l3.png);
	background-repeat:repeat;
	background-position:bottom left;
	float:left;
	margin-left:8px;
	color: #FFFFFF;
}

.resourceTag {
	top:0px;
	font-size: 0.7em;
}

.resourceTags {
	margin-top: -2px;
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	/*vertical-align: top;*/
	/*padding:0;*/
}

.resourceVisualization {
	min-width:160px; 
	min-height:50px; 
	position:absolute; 
}

.resourceVisualizationContainer{
	min-width:134px; 
	min-height:50px; 
	cursor:default;	
	overflow:hidden;
	margin-top:10px;
}	
	
.resourceIMG, .resourceDefault, .resourceVideo, .resourceRSS {
	min-width:134px; 
	font-size:0.8em;
}

.rssItem {
	font-size:0.8em;	
}

.resourceResizeBar {
	min-width:151px;
	height:9px; 
	position:absolute;
	padding:0;
	margin:0;
	margin-left:9px;
	bottom:0px; 
	cursor:nw-resize;
	background-image:url(../images/roundedbox3a_ru.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/* Visualisierung einzelner Ressourcen (groupme_resource.jsp)*/

#resourceContent {
	min-height:250px;
	/*padding-top:10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:10px;*/
}

#resourceSidebar {
	min-height:250px;
	/*padding-top:10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:10px;*/
}

p.resourceMetaData {
	margin:12pt; 
}

p.resourceData {
	margin-top: 8pt;
	margin-bottom: 8pt; 
}

.mediaResource {
	clear: both;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

/* Rahmen */
.ro { 
/*	background:url(.../images/roundedbox_ro.gif) top right no-repeat; */
	margin:0; 
	padding:0;
	background-image:url(../images/roundedbox3_ro.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.lo { 
	/*background:url(.../images/roundedbox_lo.gif) top left no-repeat; */
	margin:0; 
	padding:0;
	background-image:url(../images/roundedbox3_lo.gif);
	background-repeat:no-repeat;
	background-position:top left;
} 
  
.ru { 
	/*background:url(.../images/roundedbox_ru.gif) bottom right no-repeat; */
	position:relative;
	margin:0px; 
	padding:0px;
	background-image:url(../images/roundedbox3a_ru.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
} 
  
.lu { 
	/*background:url(.../images/roundedbox_lu.gif) bottom left no-repeat; */
	margin:0px; 
	padding:0px;
	padding-bottom: 0px;
	background-image:url(../images/roundedbox3a_lu.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* Rahmen breit*/
.ro_breit { 
/*	background:url(.../images/roundedbox_ro.gif) top right no-repeat; */
	margin:0; 
	padding:0;
	background-image:url(../images/roundedbox3_ro_breit_schatten.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.lo_breit { 
	/*background:url(.../images/roundedbox_lo.gif) top left no-repeat; */
	margin:0; 
	padding:0;
	background-image:url(../images/roundedbox3_lo_breit.gif);
	background-repeat:no-repeat;
	background-position:top left;
} 
  
.ru_breit { 
	/*background:url(.../images/roundedbox_ru.gif) bottom right no-repeat; */
	position:relative;
	margin:0px; 
	padding:0px;
	background-image:url(../images/roundedbox3a_ru_breit_schatten.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
} 
  
.lu_breit { 
	/*background:url(.../images/roundedbox_lu_breit.gif) bottom left no-repeat; */
	margin:0px; 
	padding:0px;
	padding-bottom: 0px;
	background-image:url(../images/roundedbox3a_lu_breit_schatten.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/*Rahmen blau, weißer Content und blauer Header*/
.ro_bw {
 	/*background:url(../images/round_bw_ro.png) top right no-repeat;*/
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_ro.png);
	background-repeat:no-repeat;
	background-position:top right;
}

.ru_bw {
 	/*background:url(../images/round_bw_ru.png) bottom right no-repeat;*/
 	position:relative;
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_ru.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.lo_bw {
 	/*background:url(../images/round_bw_lo.png) top left no-repeat;*/
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_lo.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.lu_bw {
 	/*background:url(../images/round_bw_lu.png) bottom left no-repeat;*/
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_lu.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.content_header{
	font-size:1em; 
	padding-left: 1em;
	padding-right: 1em;
	
}

/*Rahmen blau, weißer Content*/
.ro_w {
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_w_ro.png);
	background-repeat:no-repeat;
	background-position:top right;
}

.ru_w {
	position:relative;
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_ru.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.lo_w {
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_w_lo.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.lu_w {
 	margin:0;
 	padding:0;
 	background-image:url(../images/round_bw_lu.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

/*Reiter*/

   #tabheader {
      float:left;
      width:100%;
      /*background:#DAE0D2 url("../images/tab_bg.gif") repeat-x bottom;*/
      border-bottom: 1px solid black;
      font-size:0.8em;
      line-height:normal;
      }
    #tabheader ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabheader li {
      float:left;
      background:url("../images/tab_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #tabheader a {
      display:block;
      background:url("../images/tab_right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
    #tabheader #currentTab {
      background-image:url("../images/tab_left_on.gif");
      }
    #tabheader #currentTab a {
      background-image:url("../images/tab_right_on.gif");
      padding-bottom:5px;
      }

/*Tabs*/
.tab_sl{
	margin:0;
 	padding:0;
 	background-image:url(../images/tab_sl.png);
	background-repeat:no-repeat;
	background-position:left;
}
.tab_sr{
	margin:0;
 	padding:0;
 	background-image:url(../images/tab_sr.png);
	background-repeat:no-repeat;
	background-position:right;
}
.tab_usl{
	margin:0;
 	padding:0;
 	background-image:url(../images/tab_usl.png);
	background-repeat:no-repeat;
	background-position:left;
}
.tab_usr{
	margin:0;
 	padding:0;
 	background-image:url(../images/tab_usr.png);
	background-repeat:no-repeat;
	background-position:right;
}

.tabname{
	text-align:center;
	height:30px;
	min-width:30px;
	line-height:30px;
	padding-left:3px;
	padding-right:3px;
}

/*User Seite*/
div.generalContent{
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.8em;
}

/*myhome seite*/
#personal-menu{
	font-size: small;
}

/* FOOTER */
#footer {
	font-size: 0.9em;
	clear:left;
	text-align:center;
	margin-bottom:1.5em;
}

/* Highslide */
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	color: gray;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move, .highslide-close {
	font-size: 0.6em;
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* help/man pages */

#help{
	font-size:small;
}

#help_contents{
	 font-size: medium;
	 margin-top: 1.5em;
	 margin-bottom: 1.5em;
	 /*background-color: #edf6ff;*/
	 /*border: 1px solid #006699;*/
	 border: 1em solid #BCC9D7;
	 padding: 1em;
}

#help_content{
	font-size:small;
}

div.section{
	margin-top: 1em;
	margin-bottom: 1em;
	
}

div.pictitle{
	border: 2px solid black;
}

p.doc{
	/*background-color: #edf6ff;*/
	background-color: #BCC9D7;
	margin-bottom: 1.5em;
	line-height: 1em;
}

a.anker{
	color:black; 
	text-decoration:none; 
	
}

/* bookmarklet stuff */

#bookmarklet_main{
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}

#bookmarklet_header{
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}

#bookmarklet_menu{
	color:#fff;
	background-image: url(../images/menu-background3_24x16.png);
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	margin-top:0px;
	/* should be fixed: */
	height: 24px;
	line-height: 24px;
	font-weight: bold;
}

#bookmarklet_footer{
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	text-align:center;
}